<template>
  <li class="todo">
    <div class="view">
      <span class="index">{{ index + 1 }}.</span>
      <!-- <input type="checkbox"> -->
      <label>{{ item }}</label>
      <button class="destroy" @click="remove(index)"></button>
    </div>
  </li>
</template>

<script>
export default {
  name: "MyItem",
  props: ["item", "index",'removetodo'],
  methods: {
    remove(index) {
      this.removetodo(index);
    },
    
  },
};
</script>

<style>
</style>